export default function () {
  new Vue({
    el: '#elementApp',
    created() {
      window.vvg.elementAppSetElements = this.setElements
    },
    data() {
      return {
        blocks: Object.keys(window.vvg.blocks),
        elements: window.vvg.elements,
        templates: window.vvg.templates,
      }
    },
    methods: {
      run(item) {
        window.vvg.toggleLoading(true)
        let serverPath = window.vvg.serverPath
        let tpl = item.getTpl(serverPath)
        vvg.tpl = tpl
        vvg.pageEditors.update('template', vvg.tpl)
        // window.MoveTest.updateType()
      },
      reload(v) {
        this.run(this.templates[v])
      },
      setElements(v) {
        this.$set(this, 'elements', Object.assign({}, v))
      }
    },
    mounted() {
      // setTimeout(() => {
      //   this.run(this.templates['h5.ejs'])
      //     setTimeout(() => {
      //       MoveTest.addBlockNode(0)
      //       setTimeout(() => {
      //         window.MoveTest.updateType()
      //       }, 1000)
      //     }, 1000)
      // }, 1000)
    }
  })
}
